<!DOCTYPE html>
<!-- saved from url=(0318)https://m.ctrip.com/webapp/hotel/booking?frflag=detail&sct=H5Domestic&from=&hotelid=431900&cityid=2&roomid=146765572&paytype=1&indate=20181117&outdate=20181118&rcount=1&ceckid=0&rateid=&shadowid=0&couponid=0&lowest=0&cp=358_358_1_RMB&ul=1&isMorning=false&isDistanceCHR=false&breakfastCount=0&cancelTagType=CannotCancel -->
<html data-dpi="1.5" style="font-size: 27px;">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="x-dns-prefetch-control" content="on">
    <link rel="dns-prefetch" href="https://pic.c-ctrip.com/">
    <link rel="dns-prefetch" href="https://res.m.ctrip.com/">
    <link rel="dns-prefetch" href="https://images4.c-ctrip.com/">
    <link rel="dns-prefetch" href="https://webresource.c-ctrip.com/">
    <link rel="dns-prefetch" href="https://pages.ctrip.com/">
    <link rel="canonical" href="http://m.ctrip.com/html5/hotel/booking">
    <script src="/js/jquery/jquery.min.js"></script>
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui,viewport-fit=cover">
    <meta name="applicable-device" content="mobile">
    <meta name="apple-mobile-web-app-title" content="骡窝窝酒店">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta content="telephone=no" name="format-detection">
    <meta name="full-screen" content="yes">
    <meta name="x5-fullscreen" content="true">
    <meta name="restfullApiHttps" content="https://m.ctrip.com/restapi/soa2/">
    <meta name="restfullApi" content="https://m.ctrip.com/restapi/soa2/">
    <meta name="restfullEnv" content="">
    <link rel="Stylesheet" href="/js/hotelJS/main.03bcb0da.css">
    <link rel="Stylesheet" href="/js/hotelJS/main.d5ea8fe9.css">
    <link rel="Stylesheet" href="/js/plugins/dialog2/dialog.css">
    <script src="/js/plugins/dialog2/dialog.min.js"></script>
    <meta name="imageHost" content="https://dimg04.c-ctrip.com/images" hotelappexpansion="true">
    <title>骡窝窝酒店，酒店预订，酒店查询，宾馆住宿预订,网上订酒店-【骡窝窝旅行手机版】</title>
    <meta name="title" content="骡窝窝酒店，酒店预订，酒店查询，宾馆住宿预订,网上订酒店-【骡窝窝旅行手机版】" lizardexpansion="true">
    <meta name="description"
          content="骡窝窝旅行为您提供酒店预订，酒店价格查询，手机订酒店，为您出行提供优质的宾馆住宿预订服务和宾馆住宿信息查询。骡窝窝旅行拥有国内外近30000家会员酒店可供预订，力求打造中国领先的手机酒店预订服务中心。"
          lizardexpansion="true">
    <meta name="keywords" content="酒店预订,酒店查询,宾馆住宿预
    <script type="text/javascript" id="rmsd__script" async=""订,网上订酒店,手机订酒店" lizardexpansion="true">
    <meta name="location" content="">
       <script src="/js/hotelJS/md.min.a6916154.js" crossorigin="anonymous"></script>
    <script type="text/javascript" async="" crossorigin="anonymous"
            src="/js/hotelJS/h5redirect.v2.0.js"></script>
    <script type="text/javascript" async="" crossorigin="anonymous"
            src="/js/hotelJS/mrms.js"></script>

    <script crossorigin="1" type="text/javascript" charset="utf-8" async=""
            src="/js/hotelJS/_mubt.min.js"></script>
    <script type="text/javascript">
        ;(function () {
            if (!window.$_bf || !window.$_bf.loaded) {
                var a = new Date, b = "?v=" + a.getFullYear() + a.getMonth() + "_" + a.getDate(),
                    a = document.createElement("script");
                a.setAttribute("crossorigin", "1");
                a.type = "text/javascript";
                a.charset = "utf-8";
                a.async = !0;
                a.src = "//webresource.c-ctrip.com/code/ubt/_mubt.min.js" + b;
                b = document.getElementsByTagName("script")[0];
                b.parentNode.insertBefore(a, b)
            }
        })();
    </script>
    <script type="text/javascript">
        (function (doc, win) {
            var docEl = doc.documentElement,
                resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
                recalc = function () {
                    var clientWidth = docEl.clientWidth;
                    if (!clientWidth) return;
                    var fontSize = 17 * (clientWidth / 320);
                    fontSize = Math.round((fontSize > 27) ? 27 : fontSize);
                    docEl.style.fontSize = fontSize + 'px';
                    var dpi = window.devicePixelRatio;
                    docEl.setAttribute('data-dpi', dpi);
                };
            recalc();
            if (!doc.addEventListener) return;
            win.addEventListener(resizeEvt, recalc, false);
        })(document, window);
    </script>

    <script cloginsecetkey="EA2071AAE9211A2BD998CA11DD428BB8"></script>
    <link type="text/css" rel="stylesheet" href="/js/hotelJS/cloginsdk.css">
    <script type="text/javascript" async="" src="/js/hotelJS/checkformat.js"
            crossorigin="1"></script>
    <script type="text/javascript" charset="utf-8" async=""
            src="/js/hotelJS/0.9a219ad4.js" crossorigin="1"></script>
    <script type="text/javascript" charset="utf-8" async=""
            src="/js/hotelJS/h5redirect.v2.0.js" crossorigin="1"></script>
</head>
<body class="">
<script>
    if (navigator.userAgent.indexOf("iPhoneX") > 0) {
        document.body.className = document.body.className + ' iPhoneX_UI ';
    }
</script>

<script type="text/javascript" src="/js/hotelJS/jweixin-1.3.2.js"></script>
<script>
    function navigateToMini() {
        if (window.__wxjs_environment != 'miniprogram') {
            return;
        }

        try {
            if ('hoteldetail' === '') {
                wx.miniProgram.navigateTo({
                    url: '/pages/hotel/detail/index?id=&inday=&outday=&biz=&allianceid=&sid=',
                });
                setTimeout(function () {
                    history.back();
                }, 0)
            } else if ('searchlist' === '') {
                wx.miniProgram.navigateTo({
                    url: '/pages/hotel/list/index?cityid=&cityname=&biz=1&allianceid=&sid=',
                });
                setTimeout(function () {
                    history.back();
                }, 0)
            }
        } catch (e) {
            console.error('navigateToMini', e)
        }

    }

    if (!window.WeixinJSBridge || !WeixinJSBridge.invoke) {
        document.addEventListener('WeixinJSBridgeReady', navigateToMini, false)
    } else {
        navigateToMini()
    }
</script>

<div id="header" class="bk-header">
    <div class="cm-header cm-header--no-right">
        <span class="cm-header-icon fl js_back"><i class="icon-back"></i></span>
        <h1 class="cm-page-title" id="hotelName"></h1>
    </div>
</div>
<div id="content">
    <article class="bk">
        <!--Star Top-->
        <section class="bk-t">
            <!--房型-->
            <ul class="t-smeal" id="js_room_detail_box">
                <!-- 基础信息（国内用）-->
                <li class="cell-v">
                    <div class="bk-cell-num">
                        <h2 id="roomType">房型</h2>
                        <div class="smeal-evl">
                           <!-- <p>
                                <em>大床</em>
                                <em>可住2人</em>
                                &lt;!&ndash;钟点房不显示早餐信息&ndash;&gt;
                                <em class="js_break_fast_desc">不含早餐</em>
                            </p>-->
                            <p>
                                18-20m²&nbsp;&nbsp;|&nbsp;&nbsp;1-4层&nbsp;&nbsp;|&nbsp;&nbsp;全部房间有线宽带免费</p>
                        </div>
                    </div>
                </li>
                <!-- start 修改日期按钮 -->
                <li id="js_checkInOutDay" class="cell-v" data-ubt-key="c_hotel_booking_date">
                    <p class="smeal-evl bk-cell-num">
                        <em id="inDay"><!--钟点房 入住时间及时长信息-->
                        </em>
                        <!--钟点房不显示离店日期及晚数-->
                        <em id="outDay"></em> <em id="days"></em>
                    </p>
                    <span class="bk-color2" id="changeDate">修改 <i class="bk-icon-arrow-right"></i></span>
                </li>
                <!-- end 修改日期按钮 -->
                <!--Star 填写页增加取消政策说明-->
                <li class="cell-v t-policy-tips js_cancelPolicyInfo">
                    <!--Star 填写页增加取消政策说明-->
                    <div class="bk-cell-num ellips">
                        <p class="ellips">
                            •&nbsp;该订单确认后不可被取消修改
                        </p>
                    </div>
                    <i class="bk-icon-arrow-right bk-color6"></i>
                </li>
            </ul>
        </section>
        <section class="bk-m js_change_notice">
        </section>
        <section class="js_login_panel"></section>
        <section class="bk-m js_form">
            <!--激励话术-->
            <ul class="m-intensive js_motivation_words_ul">
                <li class="item cell-v">
                    <i class="ive-bg c5 bk-icon-housing-tension"></i>
                    <div class="star">
                        <p class="bk-color14">这家住宿超抢手，赶紧预订吧！</p>
                    </div>
                </li>
                <li class="item cell-v">
                    <i class="ive-bg c2 bk-icon-pay"></i>
                    <div class="star">
                        <p class="bk-color11">支付担保费即刻锁定房源！</p>
                    </div>
                </li>
            </ul>
            <ul class="m-list js_arrive_time_ul">
                <!--房间数-->
                <li class="js_roomnumber" id="ui-view-3" style=""><label class="m-label">房间数</label>
                    <div class="m-txt">1间</div>
                    <span class="bk-color4" id="sum"></span> <i class="bk-icon-arrow-down bk-color7"></i></li>
                <div class="bk-cx-txt js_pprule_tip" style="display:none"></div>
                <!--/房间数-->
                <!--Star 房间数下拉控件-->
                <li class="js_roomnumselect" style="display: none" data-ubt-key="c_hotel_booking_roomnum_select"></li>
                <!--start 入住人-->
                <li class="js_select_passenger">

                    <div class="view" style="" id="ui-view-5"><label class="m-label cell-v bk-personin"><p> 入住人<i
                            class="js_psgremark bk-icon-question bk-color2"
                            data-ubt-key="c_hotel_booking_psg_remark"></i></p></label>
                        <div class="m-txt">
                            <ul class="personin-select js_passenger_list">
                                <li><input type="text" id="userName" class="m-input nofastclick js_input" placeholder="姓名，每间只需填写1人"
                                           data-ubt-key="c_hotel_booking_psg_cname" data-infoid="" value="张三"> <span
                                        data-index="clearUser" class="bk-right-focus js_close_icon"
                                        style="display: none" data-ubt-key="c_hotel_booking_psg_clear_cname"> <i
                                        class="bk-icon-close"></i> </span></li>
                            </ul>
                        </div>
                        <span data-roomindex="1" class="bk-right-focus js_passenger_select"><i
                                class="bk-icon-checkin-person bk-color5"></i></span></div>
                </li>
                <!--end 入住人-->
                <!-- start 境内/外手机 -->
                <li class="js_passenger_phone">
                    <label class="m-label" id="js_switch_phone_ctry" data-ubt-key="c_hotel_booking_phonecode_select">
                        <span class="js_countrytext">邮箱</span><i class="bk-icon-arrow-right bk-color2"></i>
                    </label>
                    <div class="overseas-phone bk-cell bk-r-border mr5 js_countrycodedisplay" data-value="+"
                         style="display:none">
                        <input type="tel" maxlength="6" class="m-input nofastclick js_input" id="js_booking_ccodeInput"
                               readonly="" value="" placeholder="国家区号">
                    </div>
                    <input type="tel" maxlength="11" id="userEmail" class="m-input nofastclick js_input" value="110"
                           id="js_booking_phoneInput" placeholder="用于接收通知">
                    <span class="bk-right-focus js_close_icon" id="js_booking_phoneClearBtn" style="display: none"
                          data-ubt-key="c_hotel_booking_phone_clear"><i class="bk-icon-close"></i></span>
                </li>
               <!-- <li class="js_passenger_phone">
                    <label class="m-label" id="js_switch_phone_ctry1" data-ubt-key="c_hotel_booking_phonecode_select">
                        <span class="js_countrytext">金额</span><i class="bk-icon-arrow-right bk-color2"></i>
                    </label>
                    <div class="overseas-phone bk-cell bk-r-border mr5 js_countrycodedisplay" data-value="+"
                         style="display:none">
                        <input type="tel" maxlength="6" class="m-input nofastclick js_input" id="js_booking_ccodeInput"
                               readonly="" value="" placeholder="国家区号">
                    </div>
                    <input type="tel" maxlength="11" id="userEmail1" class="m-input nofastclick js_input" value="110"
                           id="js_booking_phoneInput1" placeholder="用于接收通知">
                    <span class="bk-right-focus js_close_icon" id="js_booking_phoneClearBtn1" style="display: none"
                          data-ubt-key="c_hotel_booking_phone_clear"><i class="bk-icon-close"></i></span>
                </li>-->
                <!-- end 境内/外手机 -->

                <!-- start 特殊需求-->
                <!-- end 特殊需求 -->

                <!--start 邮箱-->
                <li class="js_passenger_email" style="display:none;">
                    <label class="m-label">E-mail</label>
                    <input type="email" class="m-input nofastclick js_input" id="js_booking_emailInput"
                           placeholder="用于接收通知" data-ubt-key="c_hotel_booking_email">
                    <span id="js_booking_emailClearBtn" class="bk-right-focus js_close_icon" style="display: none;"
                          data-ubt-key="c_hotel_booking_email_clear">
                    <i class="bk-icon-close"></i>
                </span>
                </li>
                <!--end 邮箱-->

            </ul>
            <ul class="m-list js_primediscount_area" style="display: none"></ul>
            <ul class="m-list js_prdiscount_area" style="display: none"></ul>
            <ul class="m-list js_insurance">
                <div class="view" style="" id="ui-view-7">
                    <li>
                        <div class="m-txt m-txt-space bk-cell"><i class="bk-icon-insurance bk-color18 bk-fn20"></i>
                            <div class="bk-cell-num ml10">
                                <p>无理由取消险<em class="bk-price ml10">
                                    <small>¥</small>
                                    14</em><em class="bk-color2 bk-fn12 plr10 js_insuranceDetail" data-id="108">详情</em>
                                </p>
                                <span class="subtxt js_subtxt" data-id="108">订单不可取消修改。无须理赔证明，未入住可最高获赔担保金损失90%（￥322）（赔款3个工作日内到账）</span>
                            </div>
                        </div>
                        <div class="cui-switch js_insuranceSwitch" data-id="108">
                            <div class="cui-switch-bg"></div>
                            <div class="cui-switch-scroll"></div>
                        </div>
                    </li>
                    <li class="js_policyHolder" data-id="108" style="display: none">
                        <div class="m-txt cell-v">
                            <div class="bk-color5"> 投保人<i
                                    class="bk-icon-question bk-color2 bk-fn14 js_policyHolderDesc"></i></div>
                            <div class="bk-cell-num ml10"><input type="text" class="m-input js_inputPolicyHolder"
                                                                 data-id="108" placeholder="姓名, 与有效证件保持一致"></div>
                        </div>
                    </li>
                </div>
            </ul>
            <ul class="m-list">
                <!-- start 优惠券 -->
                <li id="js_booking_discount" data-ubt-key="c_hotel_booking_promotion">
                    <label class="m-label">优惠券</label>
                    <div class="m-txt m-txt-space js_discount_info">不使用</div>
                    <i class="bk-icon-arrow-right"></i>
                </li>
                <!-- end 优惠券 -->
                <!-- start 消费券 -->
                <!-- end 消费券 -->
                <!-- start 发票 -->
                <li id="js_booking_invoice" class="js_can_add_invoice">
                    <label class="m-label">发票</label>
                    <div id="js_booking_invoiceTitle" class="m-txt m-txt-space">
                        如需要发票，可向酒店索取
                    </div>
                </li>
                <!-- end 发票 -->
            </ul>
            <!-- 底部的样式 -->
            <div class="bk-tips js_bk_tips">
                <!-- start 取消文案 -->
                <p class="js_cancelInfo" id="js_booking_cancelInfo">
                    <b>扣款说明：</b>该订单确认后不可被取消修改，若未入住担保费用将不予退还。骡窝窝会根据您的担保方式，预授权或暂扣RMB 900用于担保。附加服务费用将与房费同时扣除或返还。</p>
                <!-- end 取消文案 -->
                <!-- start 通知信息 -->
                <p class="item">根据《上海市公共场所控制吸烟条例》，从2017年3月1日起，酒店不能安排吸烟房，并禁止在酒店室内区域吸烟。</p>
                <p class="item">该酒店的入住时间为14:00，退房标准结算时间为12:00。如提前入住或推迟离店，均须酌情加收一定的费用。</p>
                <!-- end 通知信息 -->

                <!-- start 最晚到店提醒 -->
                <!-- end 最晚到店提醒 -->

            </div>
        </section>
        <!--服务保障-->
        <div class="service-txt js_pop js_service" data-ubt-key="c_hotel_bizserviceguarantee_pop">
            <i class="service-icon service-icon-1-mini"></i>
        </div>
        <span class="bk-bktoast" style="display: none;"><i class="toast-icon mr5"></i>半小时前有人预定</span>
    </article>
    <div class="view" style="" id="ui-view-6">
        <section class="bk-pay js_pay_bar" id="js_paybar_wrap">
            <div class="pay-txt">
                <div class="pay-total">
                    <p>总金额&nbsp; <span class="pay-inblock pay-money"> <small>¥</small>  <b id="money"></b>   </span></p>

                    <p></p></div>
               <!-- <span class="pay-detail js_price_detail_link" data-ubt-key="c_hotel_booking_price_detail">明细</span>-->
            </div>
            <span id="payBtn" class="pay-submit submit-lag js_booking_paybtn" data-ubt-key="c_hotel_booking_paybtn">确认支付</span>
        </section>
    </div>
</div>
<script type="text/lizard-config">
     {
      url_schema : ["hotelindex"],
      viewName : "hotelindex",
      model : {
        apis : [
        ],
        filter : function (e) {

        },
        setTDK : function (e) {
          return {};
        }
      },
      view : {

      },
      controller : ''
    }



</script>
<script>
    (function () {
        try {
            var WebP = new Image();
            WebP.onload = WebP.onerror = function () {
                window.__supportWebP__ = !!(WebP.height == 1);
            };
            WebP.src = "";
        } catch (e) {
        }
        var u = navigator.userAgent;
        var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
        if (isiOS && u.toLocaleLowerCase().indexOf('ctrip') > -1) {
            document.body.className += ' isapp-ios-full ';
        }
    })();
    window.onload = function () {
        document.addEventListener('touchstart', function (event) {
            if (event.touches.length > 1) {
                event.preventDefault();
            }
        })
        var lastTouchEnd = 0;
        document.addEventListener('touchend', function (event) {
            var now = (new Date()).getTime();
            if (now - lastTouchEnd <= 300) {
                event.preventDefault();
            }
            lastTouchEnd = now;
        }, false);
    }
</script>
<input type="hidden" value="false" id="useCasKey">
<input type="hidden" value="" id="ab_testing_tracker">
<input type="hidden" id="bf_ubt_orderid" value="">
<input type="hidden" id="page_id" value="212098">
<script>
    var appendChildFunc = Element.prototype.appendChild;
    Element.prototype.appendChild = function () {
        if (this === document.head) {
            var child = arguments[0];
            if (child.nodeType === 1 && child.tagName.toLowerCase() === 'script' && child.src.indexOf('//webresource.c-ctrip.com/') > -1) {
                child.setAttribute('crossorigin', 1);
            }
            return appendChildFunc.apply(this, arguments);
        } else {
            return appendChildFunc.apply(this, arguments);
        }
    };
</script>
<script>
    window.assetsPath = '//webresource.c-ctrip.com/resaresonline/hotel/h5web/';
</script>
<script src="./骡窝窝酒店，酒店预订，酒店查询，宾馆住宿预订,网上订酒店-【骡窝窝旅行手机版】_files/country.h5.js.下载"></script>
<script type="text/javascript" crossorigin="1" src="./骡窝窝酒店，酒店预订，酒店查询，宾馆住宿预订,网上订酒店-【骡窝窝旅行手机版】_files/vendor.2af719f5.js.下载"
        defer=""></script>
<script type="text/javascript" crossorigin="1"
        src="./骡窝窝酒店，酒店预订，酒店查询，宾馆住宿预订,网上订酒店-【骡窝窝旅行手机版】_files/commons.b1c4e270.js.下载" defer=""></script>
<script type="text/javascript" crossorigin="1" src="./骡窝窝酒店，酒店预订，酒店查询，宾馆住宿预订,网上订酒店-【骡窝窝旅行手机版】_files/main.90f47318.js.下载"
        defer=""></script>
<script type="text/javascript" crossorigin="1" src="./骡窝窝酒店，酒店预订，酒店查询，宾馆住宿预订,网上订酒店-【骡窝窝旅行手机版】_files/loginsdkv1.min.js.下载"
        async=""></script>
<script>
    if (window.pageScripts && window.assetsPath) {
        if (window.assetsPath.indexOf(":5388/dist/") > -1) { //dev
            window.pageScripts.forEach(function (scriptSrc) {
                document.write("<script src=" + scriptSrc + "><" + "/script>");
            });
        } else {
            var begin = window.assetsPath.indexOf("//");
            var hostwithpath = window.assetsPath.substr(begin + 2);
            var host = "//" + hostwithpath.substring(0, hostwithpath.indexOf("/"));
            var scriptSrc = [];
            window.pageScripts.forEach(function (item) {
                scriptSrc.push(item.substr(host.length));
            });
            scriptSrc = host + "/res/concat?f=" + scriptSrc.join(",");
            var script = document.createElement('SCRIPT');
            script.src = scriptSrc;
            document.body.appendChild(script);
        }
        delete window.pageScripts;
    }
</script>

<script>
    /**
     * 以下代码是为了防止图片为空时框架重发服务
     * @param e
     */
    function clearEmptyImage(e) {
        var imgList = document.body.getElementsByTagName('img');
        if (e === document.body) {
            imgList = e.getElementsByTagName('img');
        } else {
            if (e.target.hasChildNodes('img')) {
                imgList = e.target.getElementsByTagName('img');
            }
        }
        if (imgList.length > 0) {
            for (var i = 0; i < imgList.length; i++) {
                if (imgList[i].getAttribute('src') == '') {
                    imgList[i].setAttribute('src', 'https://pages.ctrip.com/hotel_h5/res/img/nopic.png');
                }
            }
        }
    }

    clearEmptyImage(document.body);
    document.body.addEventListener('DOMSubtreeModified', clearEmptyImage, false);
    document.body.addEventListener('DOMNodeInserted', clearEmptyImage, false);
</script>

<script crossorigin="1" src="/js/hotelJS/ImgMonitor.js" async=""></script>
<script>

    //房间信息
    var rooms=JSON.parse(sessionStorage.getItem("rooms"));
    console.log(rooms.hotel.name);
    $("#hotelName").html(rooms.hotel.name);
    $("#roomType").html(rooms.typeName)

    var dates=JSON.parse(sessionStorage.getItem("dates"))
    $("#inDay").html("入住:"+(dates.beginDate));
    $("#outDay").html("离店:"+(dates.endDate));
    $("#changeDate").click(function () {
        window.location.href="/hotel.html"
    })
    $("#sum").html("剩余"+(rooms.sum)+"间");

    //入住人信息
    var user=JSON.parse(sessionStorage.getItem("user"));
    $("#userName").val(user.nickName);
    $("#userEmail").val(user.email);

    $("#money").html(rooms.price);

   //确认支付按钮
    $("#payBtn").click(function () {
        //支付按钮点击后 房间数量减一
        $.get("/rooms",{id:rooms.id},function (data) {
            $("#sum").html("剩余"+(data.sum)+"间");
        })

        $(document).dialog({
            autoClose: 2000,
            content: '恭喜你预定成功,欢迎!',
        });



    })



</script>

</body>
</html>